<template>
	<div class="app-container">
		<el-table :data="tableData" stripe style="width: 100%" v-loading="loading">
			<el-table-column label="序号" type="index" width="48" align="center" />
			<el-table-column label="头像地址" width="80">
				<template slot-scope="{ row }">
					<img class="avatar_image" :src="row.avatar" />
				</template>
			</el-table-column>
			<el-table-column label="姓名" prop="name" />
			<el-table-column label="用户性别" align="center" min-width="72">
				<template slot-scope="{ row }">
					<dict-tag :options="dict.type.sys_user_sex" :value="row.gender" />
				</template>
			</el-table-column>
			<el-table-column label="手机号码" prop="phoneNumber" min-width="110" />
			<el-table-column label="用户邮箱" prop="email" min-width="164" show-overflow-tooltip />
			<el-table-column label="身份证" prop="idCard" min-width="164" />
			<el-table-column label="最高学历" align="center" min-width="80">
				<template slot-scope="{ row }">
					<dict-tag :options="dict.type.sp_highest_degree" :value="row.highestDegree" />
				</template>
			</el-table-column>
			<el-table-column label="身份类型" align="center" min-width="90">
				<template slot-scope="{ row }">
					<dict-tag :options="dict.type.sp_people_type" :value="row.identityType" />
				</template>
			</el-table-column>
			<el-table-column label="涉密等级" align="center" min-width="80">
				<template slot-scope="{ row }">
					<dict-tag :options="dict.type.sp_level" :value="row.spLevel" />
				</template>
			</el-table-column>
			<el-table-column label="操作" align="center" width="64">
				<template slot-scope="{ row }">
					<el-button size="small" type="text" icon="el-icon-view" @click="handleLookDetail(row.userId)" v-hasPermi="['spm:user:query']">
						详情
					</el-button>
				</template>
			</el-table-column>
		</el-table>
		<template v-if="dataCount > 0">
			<pagination :total="dataCount" :page.sync="queryData.pageNum" :limit.sync="queryData.pageSize" @pagination="queryTableListData()" />
		</template>
	</div>
</template>

<script>
import mixins from './mixins';
import { subsidyData } from '@/api/ledger/index';
export default {
	mixins: [mixins],
	data() {
		return {};
	},
	computed: {
		listFunction() {
			return eval(subsidyData);
		}
	}
};
</script>
<style lang="scss" scoped>
.avatar_image {
	display: block;
	width: 60px;
	height: 60px;
	object-fit: cover;
}
</style>


